import React, { Component } from 'react'
import NavBar from './NavBar'
import NavBar2 from './NavBar2'

export default class App extends Component {
  render() {
    return (
      <div>
        <NavBar>
          <span>A</span>
          <span>B</span>
          <span>C</span>
        </NavBar>

        <NavBar2 leftSlot={<span>AA</span>}
                  centerSlot={<span>BB</span>}
                  rightSlot={<span>CC</span>}/>
      </div>
    )
  }
}